<template>
     <div id="box">
          <header>
               <ul>
                 <li>北京市</li>
                 <li>个人中心</li>
                 <li><img src="../assets/img/xiaoxi.png"></li>
               </ul>
          </header>
          <section>
              <div class="menu">
              <router-link to="xiugaigerenxinxi2">
              <div class="one">
                <dl v-for="list in lists">
                   <dt><img v-bind:src="list.imgs"></dt>
                   <dd v-html="list.text"></dd>
                 </dl>
              </div>
                 <div class="two">
                      <ol>
                      <li><p><img src="../assets/img/xuanzhang.png"></p><p>一喂用户354880</p></li>
                      <li v-text="text"></li>
                      <li><img v-bind:src="imgs"></li>
                      </ol>
                 </div>
               </router-link>
               </div>
               <div class="matter">
               <router-link to="yiweiyuanshenqing">
                 <ul>
                   <li><img src="../assets/img/ziliao_1.png">{{texts}}</li>
                   <li><img src="../assets/img/gengduo.png"></li>
                 </ul>
               </router-link>
               <router-link to="wodezhanghu">
                 <ul>
                   <li><img src="../assets/img/ziliao_2.png">{{tex}}</li>
                   <li><img src="../assets/img/gengduo.png"></li>
                 </ul>
               </router-link>
               <router-link to="lianxiwomen">
                 <ul>
                   <li><img src="../assets/img/ziliao_3.png">{{tet}}</li>
                   <li><img src="../assets/img/gengduo.png"></li>
                 </ul>
               </router-link>
               <router-link to="bangzhuzhongxin">
                 <ul>
                   <li><img src="../assets/img/ziliao_4.png">{{txt}}</li>
                   <li><img src="../assets/img/gengduo.png"></li>
                 </ul>
               </router-link>
               <router-link to="yijianjianyi">
                 <ul>
                   <li><img src="../assets/img/ziliao_5.png">{{txts}}</li>
                   <li><img src="../assets/img/gengduo.png"></li>
                 </ul>
               </router-link>
               <router-link to="xitongshezhi">
                 <ul>
                   <li><img src="../assets/img/ziliao_6.png">{{txtes}}</li>
                   <li><img src="../assets/img/gengduo.png"></li>
                 </ul>
               </router-link>
               </div>
          </section>
         <footer>
              <ul>
              <router-link to="/shouye">
              <li><img src="../assets/img/foot_1.png"><p>首页</p></li>
            </router-link>
            <router-link to="/fujin">
                <li><img src="../assets/img/foot_2.png"><p>附近</p></li>
              </router-link>
                <router-link to="yiweiyuanshenqing">
                <li><img src="../assets/img/foot_3.png"></li>
              </router-link>
                <router-link to="/wodedingdan">
                <li><img src="../assets/img/foot_4.png"><p>订单</p></li>
              </router-link>
             <router-link to="/gerenzhongxin"> 
                <li><img src="../assets/img/foot_5.png"><p>我的</p></li>
              </router-link>
              </ul>
          </footer>
      </div>
</template>

<script>
  import".././assets/js/jquery-1.12.4.min.js"
export default {
  name: 'box',
  data () {
    return{
      lists:[
          {imgs:"./../../static/touxiang2.png"},
          {text:"编辑个人资料"}
      ],
      text:"发货量：0 等级：无",
      imgs:"./../../static/xingxing.png",
      texts:"申请实名认证/一喂员",
       tex:"我的账户",
       tet:"联系我们",
       txt:"使用帮助",
       txts:"意见建议",
       txtes:"设置",
    }
  }
}

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
   @import ".././assets/less/gerenzhongxin.less";
   @import ".././assets/css/reset.css";
</style>